﻿
@using Cherry.Agile.UI.Framework
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="keywords" content="敏捷，平台，asp.net mvc, asp.net,框架" />
    <meta name="description" content="Cherry工作室敏捷开发平台说明" />
    <title>@ViewBag.Title</title>
    <style type="text/css">

    </style>
    <link href="@Url.StaticFile("/assets/css/bootstrap.min.css")" rel="stylesheet" />
    <link rel="stylesheet" href="@Url.StaticFile("/assets/css/font-awesome.min.css")" />
    <!--[if IE 7]>
          <link rel="stylesheet" href="@Url.StaticFile("/assets/css/font-awesome-ie7.min.css")" />
        <![endif]-->
    <!-- page specific plugin styles -->
    <!-- fonts -->

    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:400,300" />

    <!-- ace styles -->

    <link rel="stylesheet" href="@Url.StaticFile("/assets/css/agile.min.css")" />
    <link rel="stylesheet" href="@Url.StaticFile("/assets/css/agile-rtl.min.css")" />
    <link rel="stylesheet" href="@Url.StaticFile("/assets/css/agile-skins.min.css")" />

    <!--[if lte IE 8]>
      <link rel="stylesheet" href=@Url.StaticFile("/assets/css/agile-ie.min.css")" />
    <![endif]-->
    <!-- inline styles related to this page -->
    <!-- ace settings handler -->

    <script src="@Url.StaticFile("/assets/js/ace-extra.min.js")"></script>
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="@Url.StaticFile("/assets/js/html5shiv.js")"></script>
    <script src="@Url.StaticFile("/assets/js/respond.min.js")"></script>
    <![endif]-->

</head>
<body>
    <div class="navbar navbar-default" id="navbar">
        @Html.Partial("_Header")
    </div>
    <div class="main-container" id="main-container">
        <script type="text/javascript">
				try{ace.settings.check('main-container' , 'fixed')}catch(e){}
        </script>

        <div class="main-container-inner">
            <a class="menu-toggler" id="menu-toggler" href="#">
                <span class="menu-text"></span>
            </a>

            <div class="sidebar" id="sidebar">
                <script type="text/javascript">
                    try { ace.settings.check('sidebar', 'fixed') } catch (e) { }
                </script>

                @*<div class="sidebar-shortcuts" id="sidebar-shortcuts">
                    <div class="sidebar-shortcuts-large" id="sidebar-shortcuts-large">
                        <button class="btn btn-success">
                            <i class="icon-signal"></i>
                        </button>

                        <button class="btn btn-info">
                            <i class="icon-pencil"></i>
                        </button>

                        <button class="btn btn-warning">
                            <i class="icon-group"></i>
                        </button>

                        <button class="btn btn-danger">
                            <i class="icon-cogs"></i>
                        </button>
                    </div>

                    <div class="sidebar-shortcuts-mini" id="sidebar-shortcuts-mini">
                        <span class="btn btn-success"></span>

                        <span class="btn btn-info"></span>

                        <span class="btn btn-warning"></span>

                        <span class="btn btn-danger"></span>
                    </div>
                </div>*@<!-- #sidebar-shortcuts -->
                @*<div class="sidebar-collapse" id="sidebar-collapse">
                        <i class="icon-double-angle-left" data-icon1="icon-double-angle-left" data-icon2="icon-double-angle-right"></i>
                    </div>*@
                @{Html.RenderAction("Menu");}
                <div class="sidebar-collapse" id="sidebar-collapse">
                    <i class="icon-double-angle-left" data-icon1="icon-double-angle-left" data-icon2="icon-double-angle-right"></i>
                </div>
                <script type="text/javascript">
                    try { ace.settings.check('sidebar', 'collapsed') } catch (e) { }
                </script>
            </div>
            <div class="main-content">
                <div class="breadcrumbs" id="breadcrumbs">
                    <script type="text/javascript">
                        try { ace.settings.check('breadcrumbs', 'fixed') } catch (e) { }
                    </script>

                    <ul class="breadcrumb">
                        <li>
                            <i class="icon-home home-icon"></i>
                            <a href="#">首页</a>
                        </li>
                        <li class="active">控制台</li>
                    </ul><!-- .breadcrumb -->

                    <div class="nav-search" id="nav-search">
                        <form class="form-search">
                            <span class="input-icon">
                                <input type="text" placeholder="Search ..." class="nav-search-input" id="nav-search-input" autocomplete="off" />
                                <i class="icon-search nav-search-icon"></i>
                            </span>
                        </form>
                    </div><!-- #nav-search -->
                </div>
                <div class="page-content">
                    <div class="page-header">
                        <h1>
                            控制台
                            <small>
                                <i class="icon-double-angle-right"></i>
                                查看
                            </small>
                        </h1>
                    </div><!-- /.page-header -->
                    <div class="row">
                        <div class="col-xs-12">
                            @*@RenderBody()*@
                            <iframe id="mainFrame" scrolling="no" width="100%" height="100%" frameborder="0"
                                    name="mainFrame" frameborder="no"></iframe>
                        </div> <!--col-->
                    </div><!--row-->
                </div><!--page-content-->
            </div><!-- /.main-content -->

        </div><!-- /.main-container-inner -->
        <a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
            <i class="icon-double-angle-up icon-only bigger-110"></i>
        </a>
        <div>
            @Html.Partial("_Footer")
        </div>
    </div><!-- /.main-container -->
    <!-- basic scripts -->
    <!--[if !IE]> -->

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>

    <!-- <![endif]-->
    <!--[if IE]>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <![endif]-->
    <!--[if !IE]> -->

    <script type="text/javascript">
        window.jQuery || document.write("<script src='@Url.StaticFile("/Scripts/jquery-2.0.3.min.js")' type='text/javascript' > " + "<"+ "/script>")
    </script>
    

    <!-- <![endif]-->
    <!--[if IE]>
        <script type="text/javascript">
            window.jQuery || document.write("<script src='@Url.StaticFile("/Scripts/jquery-1.10.2.min.js")' type='text/javascript' > " + "<"+ "/script>")
        </script>
    <![endif]-->

    <script type="text/javascript">
        if ("ontouchend" in document) document.write("<script src='@Url.StaticFile("/Scripts/jquery.mobile.custom.min.js")        '>" + "<" + "script>");
    </script>
    <script src="@Url.StaticFile("/assets/js/bootstrap.min.js")"></script>
    <script src="@Url.StaticFile("/assets/js/typeahead-bs2.min.js")"></script>

    <!-- page specific plugin scripts -->
    <!--[if lte IE 8]>
      <script src="@Url.StaticFile("/assets/js/excanvas.min.js")"></script>
    <![endif]-->

    <script src="@Url.StaticFile("/assets/js/jquery-ui-1.10.3.custom.min.js")"></script>
    <script src="@Url.StaticFile("/assets/js/jquery.ui.touch-punch.min.js")"></script>
    <script src="@Url.StaticFile("/assets/js/jquery.slimscroll.min.js")"></script>
    <script src="@Url.StaticFile("/assets/js/jquery.easy-pie-chart.min.js")"></script>
    <script src="@Url.StaticFile("/assets/js/jquery.sparkline.min.js")"></script>
    <script src="@Url.StaticFile("/assets/js/flot/jquery.flot.min.js")"></script>
    <script src="@Url.StaticFile("/assets/js/flot/jquery.flot.pie.min.js")"></script>
    <script src="@Url.StaticFile("/assets/js/flot/jquery.flot.resize.min.js")"></script>

    <!-- ace scripts -->

    <script src="@Url.StaticFile("/assets/js/ace-elements.min.js")"></script>
    <script src="@Url.StaticFile("/assets/js/ace.min.js")"></script>

    <!-- inline scripts related to this page -->

    <script type="text/javascript">
        jQuery(function ($) {
            //$('.easy-pie-chart.percentage').each(function () {
            //    var $box = $(this).closest('.infobox');
            //    var barColor = $(this).data('color') || (!$box.hasClass('infobox-dark') ? $box.css('color') : 'rgba(255,255,255,0.95)');
            //    var trackColor = barColor == 'rgba(255,255,255,0.95)' ? 'rgba(255,255,255,0.25)' : '#E2E2E2';
            //    var size = parseInt($(this).data('size')) || 50;
            //    $(this).easyPieChart({
            //        barColor: barColor,
            //        trackColor: trackColor,
            //        scaleColor: false,
            //        lineCap: 'butt',
            //        lineWidth: parseInt(size / 10),
            //        animate: /msie\s*(8|7|6)/.test(navigator.userAgent.toLowerCase()) ? false : 1000,
            //        size: size
            //    });
            //})

            $('.sparkline').each(function () {
                var $box = $(this).closest('.infobox');
                var barColor = !$box.hasClass('infobox-dark') ? $box.css('color') : '#FFF';
                $(this).sparkline('html', { tagValuesAttribute: 'data-values', type: 'bar', barColor: barColor, chartRangeMin: $(this).data('min') || 0 });
            });




            //var placeholder = $('#piechart-placeholder').css({ 'width': '90%', 'min-height': '150px' });
            //var data = [
            //  { label: "social networks", data: 38.7, color: "#68BC31" },
            //  { label: "search engines", data: 24.5, color: "#2091CF" },
            //  { label: "ad campaigns", data: 8.2, color: "#AF4E96" },
            //  { label: "direct traffic", data: 18.6, color: "#DA5430" },
            //  { label: "other", data: 10, color: "#FEE074" }
            //]
            //function drawPieChart(placeholder, data, position) {
            //    $.plot(placeholder, data, {
            //        series: {
            //            pie: {
            //                show: true,
            //                tilt: 0.8,
            //                highlight: {
            //                    opacity: 0.25
            //                },
            //                stroke: {
            //                    color: '#fff',
            //                    width: 2
            //                },
            //                startAngle: 2
            //            }
            //        },
            //        legend: {
            //            show: true,
            //            position: position || "ne",
            //            labelBoxBorderColor: null,
            //            margin: [-30, 15]
            //        }
            //      ,
            //        grid: {
            //            hoverable: true,
            //            clickable: true
            //        }
            //    })
            //}
            //drawPieChart(placeholder, data);

            ///**
            //we saved the drawing function and the data to redraw with different position later when switching to RTL mode dynamically
            //so that's not needed actually.
            //*/
            //placeholder.data('chart', data);
            //placeholder.data('draw', drawPieChart);



            //var $tooltip = $("<div class='tooltip top in'><div class='tooltip-inner'></div></div>").hide().appendTo('body');
            //var previousPoint = null;

            //placeholder.on('plothover', function (event, pos, item) {
            //    if (item) {
            //        if (previousPoint != item.seriesIndex) {
            //            previousPoint = item.seriesIndex;
            //            var tip = item.series['label'] + " : " + item.series['percent'] + '%';
            //            $tooltip.show().children(0).text(tip);
            //        }
            //        $tooltip.css({ top: pos.pageY + 10, left: pos.pageX + 10 });
            //    } else {
            //        $tooltip.hide();
            //        previousPoint = null;
            //    }

            //});






            var d1 = [];
            for (var i = 0; i < Math.PI * 2; i += 0.5) {
                d1.push([i, Math.sin(i)]);
            }

            var d2 = [];
            for (var i = 0; i < Math.PI * 2; i += 0.5) {
                d2.push([i, Math.cos(i)]);
            }

            var d3 = [];
            for (var i = 0; i < Math.PI * 2; i += 0.2) {
                d3.push([i, Math.tan(i)]);
            }


            //var sales_charts = $('#sales-charts').css({ 'width': '100%', 'height': '220px' });
            //$.plot("#sales-charts", [
            //    { label: "Domains", data: d1 },
            //    { label: "Hosting", data: d2 },
            //    { label: "Services", data: d3 }
            //], {
            //    hoverable: true,
            //    shadowSize: 0,
            //    series: {
            //        lines: { show: true },
            //        points: { show: true }
            //    },
            //    xaxis: {
            //        tickLength: 0
            //    },
            //    yaxis: {
            //        ticks: 10,
            //        min: -2,
            //        max: 2,
            //        tickDecimals: 3
            //    },
            //    grid: {
            //        backgroundColor: { colors: ["#fff", "#fff"] },
            //        borderWidth: 1,
            //        borderColor: '#555'
            //    }
            //});


            //$('#recent-box [data-rel="tooltip"]').tooltip({ placement: tooltip_placement });
            //function tooltip_placement(context, source) {
            //    var $source = $(source);
            //    var $parent = $source.closest('.tab-content')
            //    var off1 = $parent.offset();
            //    var w1 = $parent.width();

            //    var off2 = $source.offset();
            //    var w2 = $source.width();

            //    if (parseInt(off2.left) < parseInt(off1.left) + parseInt(w1 / 2)) return 'right';
            //    return 'left';
            //}


            $('.dialogs,.comments').slimScroll({
                height: '300px'
            });


            //Android's default browser somehow is confused when tapping on label which will lead to dragging the task
            //so disable dragging when clicking on label
            //var agent = navigator.userAgent.toLowerCase();
            //if ("ontouchstart" in document && /applewebkit/.test(agent) && /android/.test(agent))
            //    $('#tasks').on('touchstart', function (e) {
            //        var li = $(e.target).closest('#tasks li');
            //        if (li.length == 0) return;
            //        var label = li.find('label.inline').get(0);
            //        if (label == e.target || $.contains(label, e.target)) e.stopImmediatePropagation();
            //    });

            //$('#tasks').sortable({
            //    opacity: 0.8,
            //    revert: true,
            //    forceHelperSize: true,
            //    placeholder: 'draggable-placeholder',
            //    forcePlaceholderSize: true,
            //    tolerance: 'pointer',
            //    stop: function (event, ui) {//just for Chrome!!!! so that dropdowns on items don't appear below other items after being moved
            //        $(ui.item).css('z-index', 'auto');
            //    }
            //}
            //);
            //$('#tasks').disableSelection();
            //$('#tasks input:checkbox').removeAttr('checked').on('click', function () {
            //    if (this.checked) $(this).closest('li').addClass('selected');
            //    else $(this).closest('li').removeClass('selected');
            //});


        })
    </script>
    <div style="display:none">
        <script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script>
    </div>
    @*<div class="page-container row-fluid">
        <div id="portlet-config" class="modal hide">
            <div class="modal-header">
                <button data-dismiss="modal" class="close" type="button"></button>
                <h3>portlet Settings</h3>
            </div>
            <div class="modal-body">
                <p>Here will be a configuration form</p>
            </div>
        </div>*@

    <!-- END PAGE HEADER-->
    <!-- BEGIN PAGE CONTENT-->
    <!-- END PAGE CONTENT-->

</body>
</html>
